<template>
  <div style="width:100%;height:100vh;background:#f5f5f5;">
    <mt-header title="个人信息" style="background:#fff;color:#000;">
      <router-link to="/" slot="left">
        <mt-button icon="back"></mt-button>
      </router-link>
    </mt-header>
    <!-- <div class="user_top_center">
      <div class="center_left" style>
        <img src="@/assets/user.png" alt style>
      </div>
      <div class="center_right">
        <p>够钟</p>
        <p>180****6024</p>
      </div>
    </div> -->
    <div>
      <div class="user_list_box">
        <div class="user_list" style @click="verified">
          <div class="user_list_left">
            <span>实名认证</span>
          </div>
          <div class="list_bottom">
            <span></span>
            <img src="@/assets/rightgo.png" alt>
          </div>
        </div>
        <div class="user_list" style @click="binding()">
          <div class="user_list_left">
            <span>提款银行卡</span>
          </div>
          <div class="list_bottom">
            <span></span>
            <img src="@/assets/rightgo.png" alt>
          </div>
        </div>
        <!-- <div class="user_list" style @click="bind">
          <div class="user_list_left">
            <span>手机绑定</span>
            <span style="font-size:.3rem;color: rgb(171, 171, 171);margin-left:.2rem;">180****0624</span>
          </div>
          <div class="list_bottom">
            <span style="color:#2357AE;">修改</span>
            <img src="@/assets/rightgo.png" alt>
          </div>
        </div> -->
      </div>
      <div class="user_list_box">
        <div class="user_list" style @click="loginpassword">
          <div class="user_list_left">
            <span>登录密码</span>
          </div>
          <div class="list_bottom">
            <span style="color: rgb(171, 171, 171);">

            </span>
            <img src="@/assets/rightgo.png" alt>
          </div>
        </div>
        <div class="user_list" style @click="withdrawalpassword">
          <div class="user_list_left">
            <span>提款密码</span>
          </div>
          <div class="list_bottom">
            <span></span>
            <img src="@/assets/rightgo.png" alt>
          </div>
        </div>

      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    verified() {
      this.$router.push({ path: "verified" });
    },
    binding() {
      this.$router.push({ path: "Authentication" });
    },
    loginpassword() {
      this.$router.push({ path: "loginpassword" });
    },
    withdrawalpassword() {
      this.$router.push({ path: "withdrawalpassword" });
    },
    bind(){
      this.$router.push({path:'bindphone'})
    },
  }
};
</script>

<style scoped>
.user_top_center {
  width: 100%;
  height: 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #fff;
}
.center_left {
  width: 20%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.center_right {
  width: 50%;
  height: 100%;
  color: #000;
  font-size: 0.4rem;
  letter-spacing: 1px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.2rem 0;
  box-sizing: border-box;
}
.center_left img {
  width: 1.3rem;
  height: 1.3rem;
}
.user_list {
  width: 100%;
  height: 1rem;
  background: red;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user_list_box {
  margin-top: 0.2rem;
}
.user_list {
  width: 100%;
  height: 1.2rem;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.3rem;
  box-sizing: border-box;
}
.user_list_left {
  display: flex;
  align-items: center;
}
.user_list_left > img {
  width: 0.6rem;
  height: 0.6rem;
  vertical-align: middle;
  margin-right: 0.2rem;
}
.user_list_left > span {
  letter-spacing: 2px;
  font-size: 0.4rem;
}
.list_bottom img {
  width: 0.45rem;
  height: 0.4rem;
  vertical-align: middle;
}
.list_bottom {
  display: flex;
  align-items: center;
}
.list_bottom span {
  color: #d47423;
  letter-spacing: 1px;
}
</style>
